@import './variables.less';

.table-opt {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
  font-size: 20px;
  i {
    font-size: 20px;
  }
  &:hover {
    color: #409eff;
  }
}

.clear-form-bottom {
  .el-form-item {
    margin-bottom: 0;
  }
}

.el-table thead tr th {
  background: #f4f4f5;
  color: #606266;
}

.delete-btn-class {
  width: 100%;
}

.el-form-item__content-clear-right {
  margin-right: 0 !important;
}

.over-ellipsis {
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}

// 一下样式均为响应式用时请注意。
// 类名以re开头命名,-为链接符，lg-md为尺寸，加css属性。
// 向下媒体查询，临界值为1366，后期有需求可新增更改。
.re-lg-md-padding{padding:@padding-lg}
.re-lg-md-padding-top{padding-top:@padding-lg}
.re-lg-md-padding-right{padding-right:@padding-lg}
.re-lg-md-padding-bottom{padding-bottom:@padding-lg}
.re-lg-md-padding-left{padding-left:@padding-lg}

.re-md-sm-padding{padding:@padding-md}
.re-md-sm-padding-top{padding-top:@padding-md}
.re-md-sm-padding-right{padding-right:@padding-md}
.re-md-sm-padding-bottom{padding-bottom:@padding-md}
.re-md-sm-padding-left{padding-left:@padding-md}

.re-sm-xs-padding{padding:@padding-sm}
.re-sm-xs-padding-top{padding-top:@padding-sm}
.re-sm-xs-padding-right{padding-right:@padding-sm}
.re-sm-xs-padding-bottom{padding-bottom:@padding-sm}
.re-sm-xs-padding-left{padding-left:@padding-sm}

.re-lg-md-margin{margin:@margin-lg}
.re-lg-md-margin-top{margin-top:@margin-lg}
.re-lg-md-margin-right{margin-right:@margin-lg}
.re-lg-md-margin-bottom{margin-bottom:@margin-lg}
.re-lg-md-margin-left{margin-left:@margin-lg}

.re-md-sm-margin{margin:@margin-md}
.re-md-sm-margin-top{margin-top:@margin-md}
.re-md-sm-margin-right{margin-right:@margin-md}
.re-md-sm-margin-bottom{margin-bottom:@margin-md}
.re-md-sm-margin-left{margin-left:@margin-md}

.re-sm-xs-margin{margin:@margin-sm}
.re-sm-xs-margin-top{margin-top:@margin-sm}
.re-sm-xs-margin-right{margin-right:@margin-sm}
.re-sm-xs-margin-bottom{margin-bottom:@margin-sm}
.re-sm-xs-margin-left{margin-left:@margin-sm}

// @media screen and (max-width: 1366px){
  .re-lg-md-padding{padding:@padding-md}
  .re-lg-md-padding-top{padding-top:@padding-md}
  .re-lg-md-padding-right{padding-right:@padding-md}
  .re-lg-md-padding-bottom{padding-bottom:@padding-md}
  .re-lg-md-padding-left{padding-left:@padding-md}

  .re-md-sm-padding{padding:@padding-sm}
  .re-md-sm-padding-top{padding-top:@padding-sm}
  .re-md-sm-padding-right{padding-right:@padding-sm}
  .re-md-sm-padding-bottom{padding-bottom:@padding-sm}
  .re-md-sm-padding-left{padding-left:@padding-sm}

  .re-sm-xs-padding{padding:@padding-xs}
  .re-sm-xs-padding-top{padding-top:@padding-xs}
  .re-sm-xs-padding-right{padding-right:@padding-xs}
  .re-sm-xs-padding-bottom{padding-bottom:@padding-xs}
  .re-sm-xs-padding-left{padding-left:@padding-xs}

  .re-lg-md-margin{margin:@margin-md}
  .re-lg-md-margin-top{margin-top:@margin-md}
  .re-lg-md-margin-right{margin-right:@margin-md}
  .re-lg-md-margin-bottom{margin-bottom:@margin-md}
  .re-lg-md-margin-left{margin-left:@margin-md}

  .re-md-sm-margin{margin:@margin-sm}
  .re-md-sm-margin-top{margin-top:@margin-sm}
  .re-md-sm-margin-right{margin-right:@margin-sm}
  .re-md-sm-margin-bottom{margin-bottom:@margin-sm}
  .re-md-sm-margin-left{margin-left:@margin-sm}

  .re-sm-xs-margin{margin:@margin-xs}
  .re-sm-xs-margin-top{margin-top:@margin-xs}
  .re-sm-xs-margin-right{margin-right:@margin-xs}
  .re-sm-xs-margin-bottom{margin-bottom:@margin-xs}
  .re-sm-xs-margin-left{margin-left:@margin-xs}

  .table-cheacked {
    padding-bottom:@padding-sm;
  }
// }


.feok-link{
  cursor: pointer;
  color: #409eff;
  font-size: 12px;
  &:hover{
    text-decoration: underline;
  }
}
.feok-fr {
  float: right;
}
.feok-nbr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feok-subordination__color{
  color: #cbcbcb;
}
.feok-danger__color{
  color: #F56C6C;
}
// 用于tip提示显示处理
.feok-popper{
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  margin-bottom: -5px;
}
.stock-error-message-box {
  width: auto;
  max-width: 80%;
  min-width: 400px;
}

// 搜索区特殊的select长度
.feok-input{
  width: 200px !important;
  .el-input, .el-select, input {
    width:200px;
    font-size:12px !important;
  }  
  font-size:12px;
}
.feok-input-sm{
  width: 120px !important;
  .el-input, .el-select , input{
    width:120px;
    font-size:12px !important;
  }  
}
.feok-input-lg{
  width: 300px !important;
  font-size:12px !important;
  .el-input, .el-select {
    width:300px;
  }  
}

.feok-form-textarea,.feok-textarea{
  width: 500px !important;
  font-size:12px !important;
}
.feok-date{
  width: 240px !important;
  font-size:12px !important;
}
// form表单中select长度,加在套select的el-form-item上
.feok-form-select{
  width:300px;
  .el-input, .el-select {
    width:300px;
  }  
}

.feok-mark {
  padding: 3px;
  display: inline-block;
  border-radius: 2px;
  line-height: 12px;
  margin-right: 3px;
  font-size: @font_size_sm;
  background-color: rgba(144,147,153,.1);
  color: @Info_color;
}
.feok-mark-b{
  padding: 3px;
  display: inline-block;
  border-radius: 2px;
  line-height: 12px;
  margin-right: 3px;
  font-size: @font_size_sm;
  background-color: rgba(64,158,255,.8);
  color: #fff;
}
// 表单input
.feok-form-input {
  @w: 300px;
  width: @w;
  .el-input, .el-select {
    width: @w;
  }  
}
.feok-input-wauto {
  .auto-width {
    width: 100%!important;
  }
  .auto-width;
  .el-input {
    .auto-width;
    input {
      .auto-width;
    }
  }
}